<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>福特锐界</title>
    <style type="text/css">
        *{
            margin: 0px;
            padding: 0px;
        }
        .wrap{
            width: 301px;
            height: 790px;
            margin: 0px auto;
            background-color: darkgrey;
        }
        .top{
            width: 301px;
            height: 28px;
            background-color: dodgerblue;
            color: white;
        }
        a{
            text-decoration: none;
            color: white;
        }
        #left{
            width: 20px;
            float: left;
            font-size: x-large;
            margin-left: 5px;
            margin-top: -4px;
        }
        #right{
            width: 100px;
            float: left;
            font-weight: bold;
            margin-left: 93px;
            margin-top: 3px;
        }
        p{
            font-size: small;
        }
        .part{
            margin-top: 13px;
        }
        .up{
            width: 140px;
            font-size: small;
            border: 2px solid grey;
            background-color: gray;
            margin-top: 5px;
            margin-left: 10px;
            text-align: center;
        }
        .down{
            font-size: small;
            margin-top: 5px;
            margin-left: 10px;
        }
        span{
            color: dodgerblue;
        }
        hr{
            width: 280px;
            margin: 5px auto;
            overflow: hidden;
        }
        #part01{
            display: block;
            width: 128px;
            height: 56px;
            float: left;
        }
        #part02{
            width: 172px;
            height: 56px;
            float: left;
        }
        #part03{
            display: block;
            width: 170px;
            float: left;
            margin-top: 5px ;
            margin-left: 5px;
            margin-bottom: 5px;
        }
        #part04{
            width: 170px;
            height: 55px;
            float: left;
        }
        #part05{
            display: block;
            width: 130px;
            height: 55px;
            float: left;
        }
        #part06{
            display: block;
            width: 170px;
            float: right;
            margin-top: 5px ;
            margin-right: 5px;
            margin-bottom: 5px;
        }
        #part07{
            display: block;
            width: 128px;
            height: 56px;
            float: left;
        }
        #part08{
            width: 172px;
            height: 56px;
            float: left;
        }
        #part09{
            display: block;
            width: 170px;
            float: left;
            margin-top: 5px ;
            margin-left: 5px;
            margin-bottom: 5px;
        }
        #part10{
            width: 170px;
            height: 55px;
            float: left;
        }
        #part11{
            display: block;
            width: 130px;
            height: 55px;
            float: left;
        }
        #part12{
            display: block;
            width: 170px;
            float: right;
            margin-top: 5px ;
            margin-right: 5px;
            margin-bottom: 5px;
        }
        #footer{
            display: block;
            width: 120px;
            height: 30px;
            text-align: center;
            background-color: dodgerblue;
            margin-top: 140px;
            margin-left: 90px;
            padding-top: 4px;
        }
        .right{
            text-align: right;
        }
    </style>
</head>
<body>
<div class="wrap">
    <div class="top">
        <div id="left">
            <a href="shouyeB01.html" id="return"><</a>
        </div>
        <div id="right">
            福特锐界
        </div>
    </div>
    <div class="main">
        <img src="../Img/img4s-24.PNG">
        <p style="text-indent: 2em">
            硬朗大气，富有力量感的中型SUV。硬朗大气，富有力量感的中型SUV。硬朗大气，富有力量感的中型SUV。
            硬朗大气，富有力量感的中型SUV。
        </p>
        <div class="part">
            <div >
                <a id="part01" href=""><img src="../Img/img4s-25.PNG"></a>
            </div>
            <div id="part02">
                <div class="up">2.0LEcoBoost精锐型</div>
                <div class="down">
                    建议售价：<span>&yen;292,800</span>
                </div>
            </div>
            <div id="part03">
                <p >
                    硬朗大气，富有力量感的中型SUV。硬朗大气。
                </p>
            </div>
        </div>
        <hr />
        <div class="part">
            <div id="part04">
                <div class="up">2.0LEcoBoost精锐型</div>
                <div class="down" style="margin-right: 15px">
                    <p class="right">建议售价：<span>&yen;292,800</span></p>
                </div>
            </div>
            <div >
                <a id="part05" href=""><img src="../Img/img4s-26.PNG"></a>
            </div>
            <div id="part06">
                <p class="right">
                    硬朗大气，富有力量感的中型SUV。硬朗大气，富有力量感的中型SUV。
                </p>
            </div>
        </div>
        <hr />
        <div class="part">
            <div >
                <a id="part07" href=""><img src="../Img/img4s-27.PNG"></a>
            </div>
            <div id="part08">
                <div class="up">2.0LEcoBoost精锐型</div>
                <div class="down">
                    建议售价：<span>&yen;292,800</span>
                </div>
            </div>
            <div id="part09">
                <p>
                    硬朗大气，富有力量感的中型SUV。硬朗大气，富有力量感的中型SUV。
                </p>
            </div>
        </div>
        <hr />
        <div class="part">
            <div id="part10">
                <div class="up">3.5L尊锐型</div>
                <div class="down" style="margin-right: 15px">
                    <p class="right">建议售价：<span>&yen;292,800</span></p>
                </div>
            </div>
            <div >
                <a id="part11" href="shouyeB03.html"><img src="../Img/img4s-28.PNG"></a>
            </div>
            <div id="part12">
                <p class="right">
                    硬朗大气，富有力量感的中型SUV。硬朗大气，富有力量感的中型SUV。
                </p>
            </div>
        </div>
        <div id="footer">
            <a href="">开始上网</a>
        </div>
    </div>
</div>
</body>
</html>